<link rel="stylesheet" href="/css/news-list.css">

<div class="item-list">
  <div class="list-title">
    Upcoming Events
  </div>
  {% for event in site.data.events limit: 5 %}
  <div class="event">
    <div class="mini-cal">
      <div class="date-month">
        {{ event.date | date: "%b" }}
      </div>
      <div class="date-day">
        {{ event.date | date: "%e" }}
      </div>
    </div>
    <p>
      <a href="{{ event.link }}">
        {{ event.name }}<br>
        <span class="text-muted">{{ event.info }}</span>
      </a>
    </p>
  </div>
  {% endfor %}
  <a class="btn btn-default btn-xs" href="http://www.meetup.com/macula/">Join Our Meetup Group!</a>
</div>
